<template>
  <div id="FW">
    <FWtop />
    <!-- 这里面放内容的 -->
    <section class="main">
      <FWmain />
      <FWmain />
      <FWmain />
      <SpXie />
      <section class="kcz">
        <img src="@/assets/images/32.jpg" />
      </section>
       
    </section>
    <router-view />

    <Dwbottom />
  </div>
</template>

<script>
import FWmain from "@/components/FWmain.vue"
import FWtop from "@/components/FWtop.vue";
import Dwbottom from "@/components/Obottom.vue";
import SpXie from "@/components/SpXie.vue";
export default {
  components: {
    Dwbottom,
    FWtop,
    FWmain,
    SpXie
  },
};
</script>

<style scoped>
#FW {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
}
#FW .main {
  width: 100%;
  height: 100%;
  /* background-color: tan; */
  overflow-y: auto;
  background: #F6F5FA;
}
#FW .kcz {
  width: 100%;
  height: 100%;
}
#FW img{
  width: 100%;
  height: 100%;
}
</style>